import { Row, Col } from 'antd';
import { GridContent } from '@ant-design/pro-layout';

import styles from './index.less';
import { CSSProperties } from 'react';

const Footer: React.FC = () => {
    return (
        <div className={styles.wrapper}>
            <GridContent contentWidth="Fixed">
                <Row style={{ padding: '35px 0' }}>
                    <Col span={8}>
                        <a href="https://www.cas.cn" target="_blank">
                            <img src={require('@public/images/cas-logo.png')}></img>
                        </a>
                    </Col>
                    <Col span={14} className={styles.word}>
                        版权所有 © 中国科学院空天信息创新研究院
                        <br />
                        备案序号：京ICP备20021838号 京公网安备11010802032366号
                        <br />
                        地址：北京市海淀区邓庄南路9号 邮编：100094
                    </Col>
                    <Col span={2}>
                        <a>
                            <img src={require('@public/images/logo-s_kty.png')}></img>
                        </a>
                    </Col>
                </Row>
            </GridContent>
        </div>
    );
};

const SimpleFooter = ({ style }: { style?: CSSProperties }) => {
    return (
        <div className={styles.simpleWrapper} style={{ ...style }}>
            版权所有 © 中国科学院空天信息创新研究院
        </div>
    );
};

export default Footer;
export { SimpleFooter };
